﻿@model IEnumerable<Developer.Entity.Reviews>
@{
    Layout = null;
}

<!doctype html>
<html>

<head>
    <meta charset="utf-8">
    <title></title>
    <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
    <link href="~/Content/UI/css/mdui.min.css" rel="stylesheet" />
    <link href="~/Content/UI/css/mui.min.css" rel="stylesheet" />
    <link href="~/Assets/Plugs/HUI/laypage/1.2/skin/laypage.css"  rel="stylesheet"/>
    <link rel="stylesheet" type="text/css" href="~/Content/UI/css/myprofile.css" />
    <link rel="stylesheet" href="~/Assets/Plugs/layer_mobile/need/layer.css" />
    <style>
        .mdui-btn-icon {
            background-color:#7bc6cb !important;
        }
        .mdui-theme-accent-pink .mdui-color-theme-accent {
            color: #fff !important;
            background-color: #ff4081 !important;
        }
    </style>
</head>

<body>
    <header class="mui-bar mui-bar-nav">
        <a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left"></a>
        <h1 class="mui-title">书评</h1>
        <a class="mui-btn mui-btn-blue mui-btn-link mui-pull-right"  href="/Review/EditReview?uid=@(ViewBag.uid)">添加</a>
    </header>
    <div class="mui-content" style="padding-bottom:300px">
    @foreach (var review in Model)
    {
        <div class="mui-card">
            <div class="mui-card-header mui-card-media" style="height:50vw;background-image:url(../..@(review.Img))"></div>
            <div class="mui-card-content">
                <div class="mui-card-content-inner">
                    <p>发表于 @(review.CreateTime)</p>
                    <p style="color: #333;">@(review.SubTitle)</p>
                </div>
            </div>
            <div class="mui-card-footer">
                <a class="mui-card-link" href="/Review/EditReview?rid=@(review.Id)&uid=@(review.UserId)">编辑</a>
                <a class="mui-card-link" href="/Review/GetReview?rid=@(review.Id)">查看</a>
            </div>
        </div>
    }
    @*<div style="margin-top:15px;width:100%;float:right">
        <a class="mdui-btn mdui-btn-icon mdui-color-theme-accent mdui-ripple" href="/Review/EditReview?uid=@(ViewBag.uid)"><i class="mdui-icon material-icons">add</i></a>
    </div>*@
 
        @if(Model.Count() > 5)
        {
            <div id="adminPage"></div>
        }


    </div>
<script src="~/Content/scripts/jquery-1.10.2.min.js"></script>
<script src="~/Content/UI/js/mui.min.js"></script>
<script type="text/javascript" src="~/Content/UI/js/mdui.min.js"></script>
<script src="~/Assets/Plugs/layer/layer.js"></script>
<script src="~/Assets/Plugs/layer/extend/layer.ext.js"></script>
    <script type="text/javascript" src="/Assets/Plugs/HUI/laypage/1.2/laypage.js"></script>
<script src="~/Assets/Scripts/js.js"></script>
<script src="~/Assets/Scripts/Msg.js"></script>
    <script>
        mui.init();
        sf_page('adminPage', @ViewBag.pageCount);
    </script>

</body>
</html>